<template>
  <div id="app">
       <!-- 路由跳转 -->
       <router-link to="/home">首页</router-link>&nbsp;&nbsp;&nbsp;
       <router-link to="/news">新闻</router-link>&nbsp;&nbsp;&nbsp;
       <router-link to="/list">列表</router-link>&nbsp;&nbsp;&nbsp;
       <!-- ? 传参 -->
       <!-- <router-link to="/params?id=1001&name=小明">传递参数</router-link> -->
       <!-- <router-link :to="{path:'/params?id=1001&name=小明'}">传递参数</router-link>&nbsp;&nbsp;&nbsp; -->
       <!-- 匹配name的? 传参 -->
       <!-- <router-link :to="{name:'params',query:{id:1001,name:'小明'}}">传递参数</router-link> -->
       <!-- params 传参 -->
       <router-link :to="{name:'params',params:{id:1001,name:'小明'}}">传递参数</router-link>&nbsp;&nbsp;&nbsp;
       
       <router-link :to="{path:'/params/1001/小红'}">可变参</router-link>&nbsp;&nbsp;&nbsp;
       <hr>
       <hr>
       <!-- 组件占位符 -->
       <router-view></router-view>


    
  </div>
</template>

<script>




export default {
  name: 'App',
  components: {
    
  }
}
</script>

<style>

</style>
